<template>
	<div class="wrapper">
		<header>
			<p>发现页面</p>
		</header>
		<div class="discover-content">
			<h2>热门推荐</h2>
			<p>这里是一些简单的发现内容</p>
			<p>比如优惠活动、新品推荐等</p>
		</div>
		<Footer></Footer>
	</div>
</template>

<script>
	import Footer from '../components/Footer.vue';

	export default {
		name: 'Discover',
		components: {
			Footer
		}
	}
</script>

<style scoped>
	.discover-content {
		padding: 15vw 5vw;
		text-align: center;
	}

	.discover-content h2 {
		font-size: 5vw;
		margin-bottom: 5vw;
	}

	.discover-content p {
		font-size: 3.5vw;
		color: #666;
		margin: 3vw 0;
	}
</style>